p{font-size:18px; line-height: 26px; font-weight: lighter} .en{text-align:center; padding-top:150px;font-size:72px;font-family: 'Roboto Condensed', sans-serif;letter-spacing:1px; font-weight: bold; color: rgba(255, 255, 255, 0.70)} .en2{font-family: 'Roboto', sans-serif;letter-spacing:0px; font-weight: bold;} /************************************************* title *************************************************/ .subtit{text-align:left; font-size:36px; color: #404040; font-weight: 600; font-family: 'notokr-medium'; margin-bottom: 42px} .tit22{font-size:22px; line-height: 36px; font-family:'notokr-light'; font-weight:600;} .tit24{font-size:24px; line-height: 32px; font-family:'notokr-medium'; letter-spacing: -1px} .tit34{font-size:34px; line-height: 42px; font-family:'notokr-light'; font-weight:600;} .cont14{font-size:14px; color:#868686; line-height: 19px; letter-spacing: -0.5px} .cont15{font-size:15px; color:#868686; line-height: 21px; letter-spacing: -0.5px} .cont16{font-size: 16px; line-height: 26px; color: #666; } .cont20{font-size:20px; color:#868686; line-height: 30px; letter-spacing: -0.5px} /* Visual Sub */ #visual{z-index:998;top:0;left:0;right:0;color:#fff;line-height:1;font-size:16px;} #visual .visualArea{height:331px;margin:0 auto;overflow:hidden; } #visual .visualArea.vs1{background:url(../img/bg_sub01.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs2{background:url(../img/bg_sub02.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs3{background:url(../img/bg_sub03.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs4{background:url(../img/bg_sub04.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs5{background:url(../img/bg_sub05.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs6{background:url(../img/img_vs6.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs7{background:url(../img/img_vs7.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs8{background:url(../img/img_vs8.jpg) no-repeat center center;background-size:cover;} #visual .visualArea.vs_basic{background:url(../img/img_vs_basic.jpg) no-repeat center center;background-size:cover;} #visual .visualArea div{margin:0 auto;padding:0 60px;} /* #visual .visualArea div p{text-align:center; padding-top:150px;font-size:62px;font-family: 'Roboto Condensed', sans-serif;letter-spacing:1px; font-weight: bold; line-height: 60px; color: rgba(255, 255, 255, 0.55)} */ #visual .visualArea div p{text-align: center; color: #fff; letter-spacing: 0; font-size: 1.5em; margin-top: 170px; width:600px; height:auto;line-height: 1.6em; font-family: 'notokr-light'; font-weight:500; border: 0px solid #666; display: block; margin-left: auto; margin-right: auto; padding: 0.5%} #visual .visualArea div h5{text-align: center; margin-top: -10px} #visual .visualArea div span{display:block;padding:20px 0 0 50px;} @media screen and (max-width:1200px){ #visual .visualArea div{width:100%;padding:0;} #visual .visualArea div p{padding-left:26px;} #visual .visualArea div span{padding-left:26px;} } @media screen and (max-width:960px){ #navigation .naviWrap .naviList dl{position:relative;float:left;width:240px;} #navigation .naviWrap .naviList .dep2{width:240px;} #visual .visualArea div p{text-align: center; color: #fff; letter-spacing: 0; font-size: 1.2em; margin-top: 170px; width:50%; height:auto;line-height: 1.2em; font-family: 'notokr-light'; font-weight:500; border: 0px solid #666; display: block; margin-left: auto; margin-right: auto; padding: 0.5%} .tit24{font-size:21px; line-height: 29px; font-family:'notokr-medium'; letter-spacing: -1px} } @media screen and (max-width:760px){ .naviWrap{display: none} #visual .visualArea div p{text-align: center; color: #fff; letter-spacing: 0; font-size: .9em; margin-top: 170px; width:75%; height:auto;line-height: 1.1em; font-family: 'notokr-light'; font-weight:500; border: 0px solid #666; display: block; margin-left: auto; margin-right: auto; padding:2%} } /********************** 게시판 페이징 ************************/ .pagination > li > a, .pagination > li > span { border: 0; border-radius: 30px !important; transition: all .3s; padding: 0px 11px; margin: 0 3px; min-width: 30px; height: 30px; line-height: 30px; color: #999999; font-weight: 400; font-size: 12px; text-transform: uppercase; background: transparent; } .pagination.pagination-info > .active > a, .pagination.pagination-info > .active > a:focus, .pagination.pagination-info > .active > a:hover, .pagination.pagination-info > .active > span, .pagination.pagination-info > .active > span:focus, .pagination.pagination-info > .active > span:hover { background-color: #f44336; border-color: #f44336; box-shadow: 0 4px 5px 0 rgba(3, 169, 244, 0.14), 0 1px 10px 0 rgba(3, 169, 244, 0.12), 0 2px 4px -1px rgba(3, 169, 244, 0.2); } /****************** 축사소개 ******************/ .value{margin-top:40px; display:table; width:100%;} .value li{width:33.3%; text-align:center; border-left:1px solid #b4c0cd; display:table-cell;} .value li:first-child{border:none;} .value .one .ico{background:url(../img/pointicon1.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;} .value .two .ico{background:url(../images/company/con32_2.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;} .value .three .ico{background:url(../images/company/con32_3.png) no-repeat center top; padding-top:100px; font-size:16px; color:#767676;} .value .one .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:170px; background:url(../img/pointicon1.png) no-repeat center top;} .value .two .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:170px; background:url(../img/pointicon1.png) no-repeat center top;} .value .three .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:170px; background:url(../img/pointicon1.png) no-repeat center top;} .value .four .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:150px; background:url(../img/pointicon4.png) no-repeat center top;} .value .five .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:150px; background:url(../img/pointicon5.png) no-repeat center top;} .value .six .title{font-size:24px; color:#f44336; margin-top:30px; padding-top:150px; background:url(../img/pointicon6.png) no-repeat center top;} .value .one .eng{font-size:14px; color:#f44336; margin-top:10px;} .value .two .eng{font-size:14px; color:#f44336; margin-top:10px;} .value .three .eng{font-size:14px; color:#f44336; margin-top:10px;} .value .text{font-size:14px; color:#454545; line-height:22px; margin-top:10px; } .value2 p{font-size:18px; margin-top:20px; line-height:24px;} .value2 p span{font-size:18px; color:#064c93;} .value3text{font-size:18px; margin-top:20px; line-height:26px;} .value3text span{font-size:18px; color:#064d93;} .value3{margin-top:20px;} .value3 .one p{background:url(../images/company/con32_bg2.jpg) top center no-repeat;background-size:cover; } .value3 .two p{background:url(../images/company/con32_bg3.jpg) top center no-repeat;background-size:cover; } .value3 .three p{background:url(../images/company/con32_bg4.jpg) top center no-repeat;background-size:cover; } .value3 .four p{background:url(../images/company/con32_bg5.jpg) top center no-repeat;background-size:cover; } .value3 .five p{background:url(../images/company/con32_bg6.jpg) top center no-repeat;background-size:cover; } .value3 p{ width:270px; height:190px; float:left;} .value3 dl{border:1px solid #b3c2d0; border-left:none; padding:40px 30px 0 30px; margin-bottom:10px; height:148px; float:left; border-left:none; width:749px;} .value3 dt{font-size:16px; color:#111; font-weight:700; margin-bottom:15px;} .value3 dd{padding-left:13px; background:url(../images/common/list_bu.gif) left 8px no-repeat; line-height:18px; margin-bottom:10px;} @media screen and (max-width:1200px){ .aboutTop1{ width:860px; background:url(../images/company/con1_bg_960.gif) no-repeat left top;} .aboutTop1 .title{font-size:26px; padding:0 60px;} .aboutTop1 .title span{font-size:26px;} .aboutTop1 .text{margin-top:15px; font-size:16px; color:#767676; padding:0 140px; line-height:24px;} .value3 dl{width:529px;} } @media screen and (max-width:960px){ .aboutTop1{ width:100%; background:none; height:auto; margin-top:0; margin-top:50px;} .aboutTop1 .title{font-size:22px; line-height:27px; padding:0;} .aboutTop1 .title span{font-size:22px;line-height:27px;} .aboutTop1 .text{margin-top:20px; font-size:16px; line-height:24px; padding:0;;} .value li{width:100%; border-left:none; border-top:1px solid #b4c0cd; display:block;;} .value .text{margin-bottom:20px;} .value .three .text{margin-bottom:0;} .value .ico{margin-top:30px;} .value .one .ico{margin-top:0;} .value2 p{font-size:12px; line-height:18px;} .value2 p span{font-size:12px;} .value3text{font-size:12px;line-height:18px;} .value3text span{font-size:12px;} .value3 p{width:100%; height:210px; float:none;} .value3 dl{float:none; width:auto; border:1px solid #b3c2d0; border-top:none; height:auto; padding-bottom:30px;} .value3 .one{ background-size:cover;} .value3 .two{background-size:cover;} .value3 .three{background-size:cover;} .value3 .four{background-size:cover;} .value3 .five{background-size:cover;} .value3 dt{font-size:16px; color:#111; font-weight:700; margin-bottom:15px;} .value3 dd{padding-left:13px; background:url(../images/common/list_bu.gif) left 8px no-repeat; line-height:18px; margin-bottom:10px;} .Himg{width: 90%} } @media(max-width:480px){ .poIMG {width:95%} } @media(max-width:1190px){ .poIMG {width:100%} } /****************** 06 회사소개 파트너 ******************/ .sponTop{border-bottom:1px solid #dedede; vertical-align:bottom; padding-bottom:10px; position:relative; margin-top:40px;} .sponTop .btnWrap{position:absolute; right:0; bottom:10px;} .sponTop a{ width:220px; line-height:38px; text-align:center; float:left; margin-left:10px;} .sponTop .btn1{color:#fff; background:#8199b2; font-weight:700; border:1px solid #8199b2;} .sponTop .btn2{color:#043465;; font-weight:700; border:1px solid #043465;} .sponList{margin-top:40px;} .sponList:after{display:block; clear:both; content:"";} .sponList li{float:left; width:255px; margin-left:20px;} .sponList li.b1,.sponList li.b5,.sponList li.b9,.sponList li.b13{margin-left:0;} .sponList li dt{border:1px solid #dedede; height:96px; text-indent:-9999px;} .sponList li dd{text-align:center; padding-top:10px; font-weight:700;} .sponList li dd span{display:block; margin-top:5px; font-weight:normal;} .sponList li.b1 dt{background:url(../images/business/b1.png) center center no-repeat; background-size:contain;} .sponList li.b2 dt{background:url(../images/business/b2.png) center center no-repeat; background-size:contain;} .sponList li.b3 dt{background:url(../images/business/b3.png) center center no-repeat; background-size:contain;} .sponList li.b4 dt{background:url(../images/business/b4.png) center center no-repeat; background-size:contain;} .sponList li.b5 dt{background:url(../images/business/b5.png) center center no-repeat; background-size:contain;} .sponList li.b6 dt{background:url(../images/business/b6.png) center center no-repeat; background-size:contain;} .sponList li.b7 dt{background:url(../images/business/b7.png) center center no-repeat; background-size:contain;} .sponList li.b8 dt{background:url(../images/business/b8.png) center center no-repeat; background-size:contain;} .sponList li.b9 dt{background:url(../images/business/b9.png) center center no-repeat; background-size:contain;} .sponList li.b10 dt{background:url(../images/business/b10.png) center center no-repeat; background-size:contain;} .sponList li.b11 dt{background:url(../images/business/b11.png) center center no-repeat; background-size:contain;} .sponList li.b12 dt{background:url(../images/business/b12.png) center center no-repeat; background-size:contain;} .sponList li.b13 dt{background:url(../images/business/b13.png) center center no-repeat; background-size:contain;} .sponList li.b14 dt{background:url(../images/business/b14.png) center center no-repeat; background-size:contain;} .sponList li.b15 dt{background:url(../images/business/b15.png) center center no-repeat; background-size:contain;} @media screen and (max-width:1200px){ .sponList li{width:198px;} } @media screen and (max-width:960px){ .sponTop{border-bottom:none; vertical-align:middle; padding-bottom:0; margin-top:20px;} .sponTop .btnWrap{position:relative; right:0; bottom:0;} .sponTop a{ width:100%; line-height:38px; text-align:center; float:none; margin-left:0; display:block; margin:10px 0;} .sponList li{width:141px;} .sponList li dt{height:48px;} .sponList li dd{font-size:12px;} .sponList li dd span {font-size:11px;} .sponList li.b3,.sponList li.b7,.sponList li.b11,.sponList li.b15{clear:both; margin-left:0;} .sponList li.b3,.sponList li.b4,.sponList li.b7,.sponList li.b8,.sponList li.b11,.sponList li.b12,.sponList li.b15{margin-top:20px;} .sponList{width:320px; margin:20px auto 0;} #popupWrap .popClose{} #popupWrap .pop{position:absolute; width:100%; left:0; margin-left:0; top:0; border-top:5px solid #043465; background:#fff; padding:0 10px 30px; top:0; margin-top:0;box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #popupWrap .pop input[type="text"]{width:50px; height:20px; border: 1px solid #dcdcdc; border-radius: 0;outline-style: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-indent:0;box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #popupWrap .pop table th{text-align:center; text-indent:0} #popupWrap .pop table td.form{padding:5px 5px;} #popupWrap .pop table td{padding:5px 5px;} #popupWrap .pop table td:last-child{border-right:none;} #popupWrap .pop .result{height:auto; overflow:hidden; overflow-x:scroll; } } /****************** 06_회사소개_사업분야 ******************/ .giftList{margin-top:40px;} .giftList:after{display:block; clear:both; content:"";} .giftList li{float:left; width:255px; margin-left:20px;} .giftList li.one,.giftList li.five{margin-left:0;} .giftList li dt{border:1px solid #dedede; height:147px; text-indent:-9999px;} .giftList li.one dt{background:url(../images/business/giftcard01.jpg) center center no-repeat; background-size:cover;} .giftList li.two dt{background:url(../images/business/giftcard02.jpg) center center no-repeat; background-size:cover;} .giftList li.three dt{background:url(../images/business/giftcard03.jpg) center center no-repeat; background-size:cover;} .giftList li.four dt{background:url(../images/business/giftcard04.jpg) center center no-repeat; background-size:cover;} .giftList li.five dt{background:url(../images/business/giftcard05.jpg) center center no-repeat; background-size:cover;} .giftList li.six dt{background:url(../images/business/giftcard06.jpg) center center no-repeat; background-size:cover;} .giftList li.seven dt{background:url(../images/business/giftcard07.jpg) center center no-repeat; background-size:cover;} .giftList li .title{line-height:50px; font-size:18px; font-weight:700; border-bottom:1px solid #dedede;} .giftList li .text{line-height:22px; padding:15px 0;} @media screen and (max-width:1200px){ .giftList li{width:198px;} .giftList li dt{height:147px;} } @media screen and (max-width:960px){ .giftList{ width:320px; margin:40px auto 0;} .giftList li{width:141px;} .giftList li dt{height:73px;} .giftList li .title{line-height:38px; font-size:13px;} .giftList li .text{line-height:18px; font-size:12px;} .giftList li.three{clear:both; margin-left:0;} .giftList li.seven{clear:both; margin-left:0;} } .lined { height:1px!important; width:98%!important; border-top:1px solid #eaeaea!important; margin: 0 auto!important; padding: 10px 0 /*display:block*/ } /*****연혁*****/ .corpHistory{margin-top:80px; } .corpHistory .year{background:url(../img/history_line.gif) 362px top no-repeat;} .corpHistory .year:after{display:block; content:""; clear:both;} .corpHistory .y2003{background:url(../img/flag2.png) left top no-repeat; text-indent:-9999px; width:307px; height:241px; float:left;margin-left: 40px;} .corpHistory .y2002{background:url(../img/flag1.png) left top no-repeat; text-indent:-9999px; width:307px; height:216px; float:left;margin-left: 40px;} .corpHistory .y2001{background:url(../img/ico_history.png) left top no-repeat; text-indent:-9999px; width:307px; height:200px; float:left;margin-left: 40px;} .corpHistory .y2000{background:url(../img/ico_history.png) left top no-repeat; text-indent:-9999px; width:307px; height:200px; float:left;margin-left: 40px;} .corpHistory .y1990{background:url() left top no-repeat; text-indent:-9999px; width:307px; height:100px; float:left;margin-left: 40px;} .corpHistory .y1980{background:url(/theme/companyBts/img/kipologo.png) left top no-repeat; text-indent:-9999px; width:307px; height:200px; float:left; margin-left: 40px;} .corpHistory ul{float:left; margin-left:35px; background:url(../images/company/con2.png) left bottom no-repeat;} .corpHistory ul li{display:table; margin-bottom:40px;} .corpHistory ul li p{display:table-cell; vertical-align:middle; padding-left:20px; line-height:20px;} .corpHistory ul li .y2{ padding-left:0; line-height:18x;} .corpHistory ul li .yBold{padding-left:68px; color:#333; font-size:30px; font-weight:500; background:url(../images/company/con2_peaker.png) left center no-repeat;} .corpHistory ul li .y{padding-left:68px; color:#111; font-size:24px; font-family:"MuseoSans"; font-weight:500; background:url(../images/company/con2_peaker.png) left center no-repeat;} .corpHistory ul li .y1{padding-left:68px;} .corpHistory ul li .textBold{line-height:28px; color:#666; font-weight:700; font-size:20px;} @media screen and (max-width:960px){ .corpHistory{margin-top:30px; } .corpHistory .year{ background-position:22.5% top;} .corpHistory .y2003,.corpHistory .y2002,.corpHistory .y2001,.corpHistory .y2000,.corpHistory .y1990,.corpHistory .y1980{width:23%; margin-left: 0} .corpHistory ul{width:77%} .corpHistory .y2003,.corpHistory .y2002,.corpHistory .y2001,.corpHistory .y2000,.corpHistory .y1990,.corpHistory .y1980{background-size:contain;} .corpHistory ul{margin-left:-5px;} .corpHistory ul li .yBold{font-size:18px;background-size:40%; padding-left:40px;} .corpHistory ul li .y{font-size:15px; background-size:40%; padding-left:40px;} .corpHistory ul li .textBold{font-size:14px; line-height:20px;} } /*조직도*/ .organ_dot {background-image:url('../img/organ_dot.gif');} .organ_wrap{margin-top:-30px;} .organ_top {background-position:center bottom; background-repeat:repeat-x; margin:-80px 9.9%; padding-bottom:1px;} .name {width:150px; height:50px; text-align:center; line-height:50px; box-sizing:border-box; margin:0 auto; color:#ffffff; font-size:1em;} .ceo {background-position:center center; background-repeat:repeat-y; padding-bottom:50px;} .ceo .name {background-color:#333333;} .vice {background-position:center center; background-repeat:repeat-y; padding-bottom:50px;} .vice .name {background-color:#888888;} .organ {} .team {background-position:center center; background-repeat:repeat-y; padding-top:50px; float:left; width:20%;} .team .name {background-color:#f44336;} .part {background-position:center center; background-repeat:repeat-y; padding-top:20px;} .part .name {background-color:#ffffff; border:solid 1px #cccccc; color:#525252; height: auto; line-height: 21px; padding: 10px 0; } @media screen and (max-width:840px){ .organ_wrap{display:inline-block; padding-top:0px;} .organ_top {float:left; width:100px; margin:0 0 0 100px; padding-right:30px;} .organ {float:left; /*width:230px;*/background-image:url('../img/organ_dot.gif'); background-position:left center; background-repeat:repeat-y;} .ceo, .vice {padding-bottom:60px; margin-left:-75px;} .team {float:none; width:auto; background-repeat:repeat-x; background-position:center 23px; padding-top:0; margin-bottom:50px; padding-left:30px;} .organ .team:first-child{margin-top:-25px;} .organ .team:last-child{margin-bottom:-25px;} } @media screen and (max-width:480px){ .organ_wrap{margin-top:-50px;} .name {width:128px; height:40px; line-height:40px; font-size:0.8em;} .organ_top {float:left; width:64px; margin:0 0 0 64px; padding-right:10px;} .ceo, .vice {margin-left:-64px;} .team {padding-left:20px; background-position:center 18px;} .organ .team:first-child{margin-top:-20px;} .organ .team:last-child{margin-bottom:-20px;} } /*메인갤러리*/ .team2 {background-position:center center; background-repeat:repeat-y; padding-top:50px; float:left; width:24.5%;} .team2 .name {background-color:#f44336;} @media screen and (max-width:840px){ .team2 {float:none; width:auto; background-repeat:repeat-x; background-position:center 23px; padding-top:0; margin-bottom:50px; } .team2:first-child{margin-top:-25px;} .team2:last-child{margin-bottom:-25px;} } @media screen and (max-width:480px){ .team2 {background-position:center 18px;} .team2:first-child{margin-top:-20px;} .team2:last-child{margin-bottom:-20px;} .reIMG{width: 100%} } /* 탭 by jihyun160718 */ /* .nav-pills > li + li { margin-left: 0; } .nav-pills > li > a { border: 2px solid #66615B; border-radius: 0; color: #66615B; font-weight: 600; margin-left: -1px; padding: 5px 20px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #66615B; color: #FFFFFF; } .nav-pills > li:first-child > a { border-radius: 30px 0 0 30px; margin: 0; } .nav-pills > li:last-child > a { border-radius: 0 30px 30px 0; } */ .nav-pills-danger > li > a, .pagination-danger > li > a, .pagination-danger > li > span, .pagination-danger > li:first-child > a, .pagination-danger > li:first-child > span, .pagination-danger > li:last-child > a, .pagination-danger > li:last-child > span { border: 1px solid #EB5E28; color: #EB5E28; } .nav-pills-danger > li.active > a, .nav-pills-danger > li.active > a:hover, .nav-pills-danger > li.active > a:focus, .pagination-danger > li > a:hover, .pagination-danger > li > a:focus, .pagination-danger > li > a:active, .pagination-danger > li.active > a, .pagination-danger > li.active > span, .pagination-danger > li.active > a:hover, .pagination-danger > li.active > span:hover, .pagination-danger > li.active > a:focus, .pagination-danger > li.active > span:focus { background-color: #EB5E28; border-color: #EB5E28; color: #FFFFFF; } .bor1{border-right: 1px dotted #eaeaea;} @media(max-width:1200px){ .bor1{border-right: 0; padding-bottom: 20px} } /* 컬러 */ .color1{color: #395386} .color2{color: #e4741f} .color3{color: #666} .color4{color: #d5d5d5} .color5{color: #e9eff4} .color6{color: #2b2b2b} .color7{color: #868686} .color8{color: #cecece} .color9{color: #383838} .color10{color:#f56518} .color11{color:#020202} .color1BG{color: #395386} .color2BG{color: #e4741f} .color3BG{color: #666} .color4BG{color: #d5d5d5} .color5BG{color: #e9eff4} .color6BG{color: #e7e7e7} /* 170315 FONT by haze */ h1{font-size: 36px;letter-spacing: -2px } h2{font-size: 28px} h3{font-size: 26px; line-height: 38px} h4{font-size: 21px; } h5{font-size: 18px} h6{font-size: 16px} p{font-size: 14px} small{font-size: 12px} .counter{font-size: 38px; font-family: 'roboto';font-weight: bold; color: #606060} .coution{font-size: 14px; color: #f56518; line-height: 30px} .b{font-weight: bold} /* 170315 by haze */ #Mcont{padding: 190px 0 10px 0;margin: 0;background-color: #f8f8f7; } #Mcont .bnr1a{background:url("../img/Mmbnr1.jpg") no-repeat center center!important;background-size:contain!important; width: 350px; height: 250px; margin-left: auto; margin-right: auto;} #Mcont .bnr2a{background:url("../img/Mmbnr2.jpg") no-repeat center center!important;background-size:contain!important; width: 350px; height: 250px; margin-left: auto; margin-right: auto} #Mcont .bnr3a{background:url("../img/Mmbnr3.jpg") no-repeat center center!important;background-size:contain!important; width: 350px; height: 250px; margin-left: auto; margin-right: auto} #Mcont .bnr_txt{position:relative; background-color:rgba(197, 130, 59, 0.85); width:290px; top:-60px;margin-left: auto; margin-right: auto; } #Mcont .tit{font-family:나눔명조, Nanum Myeongjo, georgia,돋움; color: #fff; font-size: 32px; text-align: center; padding-top: 20px} #Mcont .txt{font-size: 16px; line-height: 21px; text-align: center; color: #fff; padding-bottom: 20px; font-family: 'notokr-regular'; font-weight: normal} #Mcont h1{ } #Mcont h3{margin-bottom: 75px; color: #c8c200} @media(max-width:960px){ #Mcont{padding: 50px 0 30px 0;margin: 0; } #Mcont h1{font-size: 24px; margin-bottom: 20px} #Mcont h2{font-size: 19px; margin-bottom: 20px; line-height: 26px} #Mcont .bnr1a{background:url("../img/Mmbnr1.jpg") no-repeat center center!important;background-size:contain!important; width: 100%; margin-left: auto; margin-right: auto} #Mcont .bnr2a{background:url("../img/Mmbnr2.jpg") no-repeat center center!important;background-size:contain!important; width: 100%; margin-left: auto; margin-right: auto} #Mcont .bnr3a{background:url("../img/Mmbnr3.jpg") no-repeat center center!important;background-size:contain!important; width: 100%; margin-left: auto; margin-right: auto} #Mcont .bnr_txt{ margin-bottom: -130px; top:-210px; width:260px;} } /* 1703 score by haze */ #sc{padding: 10px 0 20px 0;margin: 0;background-color: #e7e7e7; } .score2{margin-top:10px; display:table; width:100%;} .score2 li{width:33.3%; text-align:center; border-left:1px solid #b4c0cd; display:table-cell;height: auto} .score2 li:first-child{border:none;} .score2 .wrap{width: 150px; text-align: left; margin:0 auto} .imgsc{position: relative;top:-10px; margin-right:10px; } .score2 .wrap h6{ text-decoration: none!important} @media(max-width:960px){ #sc{padding: 10px 0 30px 0;margin:0px 0 0 0;} .score2 li{width:33.3%; text-align:center; border-left:1px solid #b4c0cd; display:table-cell; height: auto} .score2 .wrap{width: 120px; text-align: center; margin:0 auto; } .imgsc{position: relative;top:-10px; margin-right:5px;} .counter{font-size: 21px;} .score2 .wrap h6{font-size: 12px;top: 35px; position: relative; text-decoration: none!important} } /* 1703 score by haze counsel main*/ #cus{padding: 5% 0 5% 0;margin: 0;background: url('../img/bg_info.jpg')no-repeat top; background-size:cover; } .counsel{margin-top:10px; display:table; width:100%;} .counsel li{width:33.3%; text-align:center; display:table-cell;height: auto} .counsel li:first-child{border:none;} .counsel .wrap{width: 150px; text-align: center; margin:0 auto} .counsel .imgsc{position: relative;top:-10px; } h3{font-size: 24px} h5{font-weight: lighter; line-height: 26px} h6{font-weight: lighter; text-decoration: underline} @media(max-width:960px){ #cus{padding: 20px 0 20px 0;margin: 0; margin-top: -80px} .counsel li{width:33.3%; text-align:center; display:table-cell; height: auto} .counsel .wrap{width: 120px; text-align: center; margin:0 auto; } .counsel .imgsc{position: relative;top:-10px; text-align: center; width: 30%; height: auto } .counter{font-size: 21px;} h5{font-size: 12px} h3{font-size: 16px; line-height: 21px} } /* 1703 score by haze 장단점*/ #spc{padding: 80px 0 30px 0;margin: 0;background: #e7e7e7; background-size:cover; } #spc h3{font-size: 24px; } #spc h3{} .spec{margin:50px 0; display:table; width:100%;} .spec li{width:33.3%; text-align:left; display:table-cell;height: auto} .spec li:first-child{border:none;} .spec .wrap{width: 367px; height: 300px; text-align: left; margin:0 auto; background-color: #fff; box-shadow: 1px 1px 0px #d3d3d3; padding: 9% 7%} .spec .wrap img{float: none; position: relative; top:-1px; margin-right: 10px} .spec .wrap h4{ color: #606060; text-align: center } .spec .wrap p{ font-size:16px; line-height: 30px;color: #606060; font-family: 'notokr-light'; } .spcttext1{letter-spacing:0; line-height:26px; text-align: ; font-size: 19px; color: #888} @media(max-width:1200px){ #spc{padding: 10px 0 10px 0;margin: 0; } .spec li{width:33.3%; text-align:center; display:table-cell; height: auto; margin-bottom: 10px} .spec .wrap{width: auto; text-align: left; margin:0 auto; padding: 9% 7% 0% 7%} .spec .wrap img{float: left; position: relative; top:-1px; width: 21px; height: auto} } @media(max-width:960px){ #spc{padding: 30px 0 10px 0;margin: 0; } #spc h3{font-size: 16px; line-height: 22px} #spc h5, h6{ margin-top:-40px; } #spc h5{font-size: 12px; line-height: 20px} #spc h4{font-size: 16px; text-align: center} #spc p{font-size: 14px; line-height: 21px} #spc h6{font-size: 12px} .spec li{width:100%; text-align:center; display:block; height: auto; margin-bottom: 10px} .spec .wrap{height: auto; text-align: left; margin:0 auto; padding: 9% 7% 10% 7%} .spec .wrap img{float: none; position: relative; top:-1px; width: 21px; height: auto; } .spcttext1{letter-spacing:0; line-height:21px; text-align: center; font-size: 13px!important; padding: 0 8%} #spc.imgsc{float: right; margin: 0;padding: 0} } /* 1703 info by haze 비용안내 */ #info{padding: 30px 0 60px 0;margin: 0; } #info .inf{margin:50px 0; display:table; width:100%;} #info .inf li{width:33.3%; text-align:center; display:table-cell;height: auto} #info .inf li:first-child{border:none;} #info .inf .wrap{ text-align: center; margin:0 auto; } #info .inf .wrap img{text-align: center; position: relative; top:-1px} #info .inf .wrap h4{ color: #606060; } #info .inf .wrap p{ font-size:16px; line-height: 30px;color: #606060; font-family: 'notokr-light'; } @media(max-width:1200px){ #info{padding: 10px 0 10px 0;margin: 0; } #info .inf li{width:33.3%; text-align:center; display:table-cell; height: auto; margin-bottom: 10px} #info .inf .wrap{width: auto; text-align: center; margin:0 auto; padding: 9% 7% 0% 7%} #info .inf .wrap img{ position: relative; top:-1px; width: 80% } } @media(max-width:960px){ #info{ margin-top: -20px; position: relative} #info .inf li{width:100%; display:block;} #info .inf .wrap{ margin:0 auto; } #info .inf .wrap img{ width: 60% } #info h3{padding-top: 50px; margin-bottom:-30px } #info h5{margin-top: -20px; line-height: 20px} } /* @media(max-width:960px){ #info{ margin-top: -20px; position: relative} #info .inf li{width:100%; display:block;} #info .inf .wrap{ margin:0 auto; } #info .inf .wrap img{ } #info h3{padding-top: 50px; margin-bottom:-50px } } */ } /* management */ #management{padding: 105px 0} #management h3{margin-top: 84px} #element3{padding:40px 0 50px 0; } #element3:after{display:block; content:""; clear:both} .icons2{margin-top:-10px; padding:0; display:table; width:100%;} .icons2 li{width:50%; text-align:center; display:table-cell; } .icons2 li:first-child{border:none;} .icons2 .one{background:url(../img/img_mangt1.jpg) no-repeat center top; padding-top: 80px; height: 274px; padding-left: 50px; } .icons2 .one .ico{font-size:33px; color:#000; line-height: 13px; font-family: 'notokr-bold'; text-shadow: 1px 1px 8px #fff } .icons2 .one .text1{font-size:18px; color:#828282; line-height: 26px; font-family: 'notokr-light'; } .icons2 .two{background-color:#f3f3f3; padding-top:80px; text-align: left; height: 274px; width: 570px; padding-left: 50px; display: block} .icons2 .two .ico{font-size:21px; color:#333; line-height: 13px; } .icons2 .two .text1{font-size:18px; color:#828282; line-height: 26px; font-family: 'notokr-light'; } .icons2 .three{background-color:#f3f3f3; padding-top:80px; text-align: left; height: 274px; width: 570px; padding-left: 50px; display: block} .icons2 .three .ico{font-size:21px; color:#333; line-height: 13px; } .icons2 .three .text1{font-size:18px; color:#828282; line-height: 26px; font-family: 'notokr-light'; } .icons2 .four{background:url(../img/img_mangt2.jpg) no-repeat center top; padding-top:80px; text-align: center; height: 274px; } .icons2 .four .ico{font-size:33px; color:#000; line-height: 13px; font-family: 'notokr-bold'; text-shadow: 1px 1px 8px #fff } .icons2 .four .text1{font-size:18px; color:#828282; line-height: 26px; font-family: 'notokr-light'; } .icons2 .five{background:url(../img/img_mangt3.jpg) no-repeat center top; padding-top:80px; text-align: center; height: 274px; } .icons2 .five .ico{font-size:33px; color:#000; line-height: 13px; font-family: 'notokr-bold'; text-shadow: 1px 1px 8px #fff } .icons2 .five .text1{font-size:18px; color:#828282; line-height: 26px; font-family: 'notokr-light'; } .icons2 .six{background-color:#f3f3f3; padding-top:80px; text-align: left; height: 274px; width: 570px; padding-left: 50px; display: block} .icons2 .six .ico{font-size:21px; color:#333; line-height: 13px; } .icons2 .six .text1{font-size:18px; color:#828282; line-height: 26px; font-family: 'notokr-light'; } .pcicon{} .moicon{display: none} @media screen and (max-width:1200px){ #element3{margin-top: 0; } #management h3{margin-top: 84px; font-size: 21px; line-height: 26px} #tb2{margin-top: -50px;} .icons2{margin-top:0px; padding:0; display:table; width:100%;} .icons2 li{width:50%; text-align:center; display:table-cell; } .icons2 .one,.two,.three,.four{margin-top:0px; margin-bottom: 0px; height: 250px; width: 470px; } .icons2 .five{margin-top:0px; margin-bottom: 0px; height: 250px; width: 470px;} .icons2 .six{margin-top:0px; margin-bottom: 0px; height: 250px; width: 470px; display: block} .icons2 .one{background:url(../img/img_mangt1_m.jpg) no-repeat center top; padding-top:50px;margin-top:0px; margin-bottom: 0px; } .icons2 .one .ico{font-size:24px; color:#333; line-height: 13px; } .icons2 .one .text1{font-size:10px; color:#666; line-height: 13px; } .icons2 .two{background-color:#f3f3f3; padding-top:50px; display: block; height: 250px; width: 470px;margin-top:0px; margin-bottom: 0px;} .icons2 .two .ico{font-size:18px; color:#333; } .icons2 .two .text1{font-size:14px; color:#666; line-height: 21px; } .icons2 .three{background-color:#f3f3f3; padding-top:50px; display: block; height: 250px; width: 470px; margin-top:0px; margin-bottom: 0px;} .icons2 .three .ico{font-size:18px; color:#333; } .icons2 .three .text1{font-size:14px; color:#666; line-height: 21px; } .icons2 .four{background:url(../img/img_mangt2_m.jpg) no-repeat center top; padding-top:50px; margin-top:0px; margin-bottom: 0px; } .icons2 .four .ico{font-size:24px; color:#333; line-height: 13px; } .icons2 .four .text1{font-size:10px; color:#666; line-height: 13px; } .icons2 .five{background:url(../img/img_mangt3_m.jpg) no-repeat center top; padding-top:50px;margin-top:0px; margin-bottom: 0px; } .icons2 .five .ico{font-size:24px; color:#333; line-height: 13px; } .icons2 .five .text1{font-size:10px; color:#666; line-height: 13px; } .icons2 .six{background-color:#f3f3f3; padding-top:50px; display: block; height: 250px; width: 470px;margin-top:0px; margin-bottom: 0px;} .icons2 .six .ico{font-size:18px; color:#333; } .icons2 .six .text1{font-size:14px; color:#666; line-height: 21px; } .moicon{display: none} } @media screen and (max-width:992px){ .pcicon{display: none} .moicon{display: inherit} #management{padding: 85px 0} #management h3{ font-size: 16px; line-height: 22px; margin-top: -30px} #element3{margin-top: 0; } #tb2{margin-top: -92px;} .icons2{margin-top:0; } .icons2 li{width:100%; border-left:none; border-top:0px solid #b4c0cd; display:block; margin:0 auto; } .icons2 .one,.two,.three,.four,.five{margin-top:0px; margin-bottom: 0px; height: 183px; width: 261px; } .icons2 .one{background:url(../img/img_mangt1_s.jpg) no-repeat center top; padding-top:50px; text-align: center; padding-left:0; padding-right:0; } .icons2 .one .ico{font-size:24px; color:#333; line-height: 13px; } .icons2 .one .text1{font-size:10px; color:#666; line-height: 13px; } .icons2 .two{background-color:#f3f3f3; padding-top:20px; display: block; height: 183px; width: 261px; padding-left:0; padding-right:0;text-align: center} .icons2 .two .ico{font-size:14px; color:#333; line-height: 21px; } .icons2 .two .text1{font-size:13px; color:#666; line-height: 19px; padding:0 5% } .icons2 .two hr{float: none!important} .icons2 .three{background-color:#f3f3f3; display: block; height: 320px; width: 261px; padding-left:0; padding-right:0;text-align: center; margin-bottom: 0; margin-top: -90px;} .icons2 .three .ico{font-size:14px; color:#333; line-height: 21px; padding:0 5% ; margin-top: -20px } .icons2 .three .text1{font-size:13px; color:#666; line-height: 19px; padding:0 5% 6% 5% } .icons2 .three hr{float: none!important} .icons2 .four{background:url(../img/img_mangt2_s.jpg) no-repeat center top; margin-top: -10px } .icons2 .four .ico{font-size:24px; color:#333; line-height: 13px; } .icons2 .four .text1{font-size:10px; color:#666; line-height: 13px; } .icons2 .five{background:url(../img/img_mangt3_s.jpg) no-repeat center top; padding-top:50px; margin-top:0px; margin-bottom: 0px;height: 183px; width: 261px;} .icons2 .five .ico{font-size:24px; color:#333; line-height: 13px; } .icons2 .five .text1{font-size:10px; color:#666; line-height: 13px; } .icons2 .six{background-color:#f3f3f3; padding-top:20px; display: block; height: 183px; width: 261px; padding-left:0; padding-right:0;text-align: center} .icons2 .six .ico{font-size:14px; color:#333; line-height: 21px; padding:0 5% } .icons2 .six .text1{font-size:13px; color:#666; line-height: 19px; padding:0 5% 6% 5% } .icons2 .six hr{float: none!important} } /* 메인배너들 */ /* 1703 score by haze 장단점*/ #bnrs{padding: 80px 0 10px 0;margin: 0; } #bnrs h3{font-size: 24px} .bnr{margin:50px 0; display:table; width:100%;} .bnr li{width:33.3%; text-align:left; display:table-cell;height: auto} .bnr li:first-child{border:none;} .bnr .wrap{height: auto; text-align: left; margin:0 auto; padding: 9% 7%} .bnr .wrap img{ position: relative; } .bnr .wrap h4{ color: #606060; } .bnr .wrap p{ font-size:16px; line-height: 30px;color: #606060; font-family: 'notokr-light'; } @media(max-width:1200px){ #bnrs{padding: 10px 0 10px 0;margin: 0; } .bnr li{width:33.3%; text-align:center; display:table-cell; height: auto; margin-bottom: 10px} .bnr .wrap{height: auto; text-align: left; margin:0 auto; padding: 9% 7% 0% 7%} .bnr .wrap img{ } } @media(max-width:960px){ #bnrs{padding: 30px 0 10px 0;margin: 0; } #bnrs h3{font-size: 16px; line-height: 22px; margin-bottom: -50px} #bnrs h5, h6{ margin-top:-40px; } #bnrs h5{font-size: 12px; line-height: 20px} #bnrs h6{font-size: 12px} .bnr li{width:100%; text-align:center; display:block; height: auto; margin-bottom: -20px} .bnr .wrap{} .bnr .wrap img{margin: 0 auto; } } /* 파트너쉽 */ #partner{padding:5% 0; background-color: #e7e7e7} #partner td{border: 0!important} #partner table{border-top:0!important } @media(max-width:992px){ #partner{display: none} } /* 푸터 */ /*FOOTER by 201703 haze*/ /****************** FOOTER ******************/ #footer{background:#242424; position:relative; padding: 3% 0 2% 0 ; font-family: 'notokr-light';} #footer hr{border:none; border-bottom:1px solid #365d84; height:1px; border-collapse:collapse; margin:0;} #footer .btnWrap{width:auto; margin:0 auto;} #footer ul li{float:left;} #footer ul li a{line-height:60px; color:#fff; font-size:16px; padding:0 14px;} #footer ul li.first a{padding-left:0; background:none;} #footer .btnWrap:after{display:block; content:""; clear:both;} #footer .copy{width:auto; margin:0 auto; height:auto; padding-left:180px; background:url(../img/flogo.png) no-repeat left top; overflow:hidden; } #footer .copy .text:after{display:block; content:""; clear:both;} #footer .copy .text{width:auto; margin-top:0px;} #footer .copy .text .adress{font-size:14px; color:#9f9f9f; padding-right:10px; float:left;} #footer .copy .text .tel{font-size:24px; color:#fff; float: right; font-weight: bold; letter-spacing: 0; font-family: 'roboto'} #footer .copy .copyright{font-size:14px; color:#9f9f9f; } @media screen and (max-width:1200px){ #footer .btnWrap{width:auto} } @media screen and (max-width:960px){ #footer{} #footer .btnWrap{width:100%; margin:0 auto; text-align:center;} #footer ul li{float:none; display:inline-block;} #footer ul li a{line-height:30px; font-size:12px;padding:0 10px;} #footer ul li a.bold{font-weight:800;} #footer .copy{width:auto; margin:0 auto; height:auto; padding-left:70px; background:url(../img/flogo.png) no-repeat left top; no-repeat 10px 10px; background-size:50px; overflow:hidden;} #footer .copy .text{width:auto; } #footer .copy .text .adress{font-size:10px; padding-right:10px; float:left; line-height:16px;} #footer .copy .text .tel{font-size:10px; color:#dde2e8; background:none; float:right; } #footer .copy .copyright{font-size:10px; color:#95a1b1;} } @media screen and (max-width:674px){ #footer .copy .text .tel{font-size:10px; color:#dde2e8; background:none; float:left; margin:0; padding:0} } /* 아프로소개 조직도 */ .organ2{background-color:#e7e7e7; } .organ2IMG{} .organ2IMG2{display: none} @media screen and (max-width:960px){ .organ2{padding: 0; margin:0} .organ2IMG{display: none} .organ2IMG2{display: inherit; margin:0 auto; margin-top: -40px} } /************************************************* 서브페이지 아웃라인 *************************************************/ #page{padding-left: 15px;padding-right: 15px;background: url("../img/bg_patt.jpg")no-repeat top right ; } #page2{background: url("../img/bg_patt.jpg")no-repeat top right ; } /************************************************* 매니저소개 프로필 *************************************************/ .profile{margin-top:-25px; padding-left:50px; } .profile h3{margin-top:10px; margin-top: 30px } .profile h5{top: 20px; font-size: 16px; display: inline; padding: .3em .6em .3em; font-size: 85%; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #e4741f; position: relative; } .profile ul{ display: block; } .profile li{margin-left: 20px;list-style: disc;font-size: 16px; color: #666;line-height: 30px; } @media screen and (max-width:960px){ .profile{margin-top:5px; padding-left:20px; margin-bottom: -40px} .profile h3{font-size: 19px} .profile h5{margin-top: 0} .profile ul{ display: block; } .profile li{margin-left: 10px;list-style: disc;font-size: 13px; color: #666;line-height: 20px; } } /************************************************* 경력 및 자격 *************************************************/ .gotxt{font-size: 13px; color:#e78000; margin-top: -10px} .history:after{display:block; clear:both; content:"";} .history {margin-top:50px;} .history .title{color:#333; font-size:19px; float:left; font-family: 'notokr-medium';} .history .title img{margin-left: 13px; margin-bottom: 10px} .history .schoolList {float:left; margin-left:40px; margin-right:45px; } .history .schoolList ul{} .history .schoolList li{padding-left:13px; color:#666; background:url(../images/business/bu_list.png) left 8px no-repeat;line-height:18px; margin-bottom:10px; font-family: 'notokr-light'; } .history .schoolList2 {float:left;margin-left:40px; } .history .schoolList2 .subtitle{background:none; padding-left:0px; font-size:16px} .history .schoolList2 li{padding-left:13px;color:#666; background:url(../images/business/bu_list.png) left 8px no-repeat;line-height:18px; margin-bottom:10px; font-family: 'notokr-light';} @media screen and (max-width:1200px){ .history .title{font-size:15px; float:left ; } .history .schoolList {float:left; margin-left:10px; margin-right:10px; } .history .schoolList li{padding-left:12px; color:#666; background:url(../images/business/bu_list.png) left no-repeat;line-height:14px; margin-bottom:10px; font-family: 'notokr-light'; font-size: 12px} .history .schoolList2 li{padding-left:0px; color:#666; background:url(../images/business/bu_list.png) left no-repeat;line-height:14px; margin-bottom:10px; font-family: 'notokr-light'; font-size: 12px} } @media screen and (max-width:992px){ .gotxt{font-size: 13px; color:#e78000; top: -20px; display: block; position: relative} .history .title{font-size:19px; float:none; margin-bottom: 30px; text-align: left; margin-top: -30px } .history .title img{display: none} .history .schoolList {float:left; margin-left:0px; margin-right:5px; margin-bottom: 40px; width: 100%; } .history .schoolList .subtitle{background:none; padding-left:0px; font-size:12px; margin-top:30px;} .history .schoolList li{padding-left: 0;} .history .schoolList2 {float:left; margin-left:0px; margin-right:65px; margin-bottom: 40px; width:100%} .history .schoolList2 .subtitle{background:none; padding-left:0px; font-size:12px; margin-top:30px;} .history .schoolList2 li{padding-left: 0;} } /****************************************************** 가입하기 ******************************************************/ .locationWrap{ margin: 0; padding: 0} #contact_map{background-color: #e7e7e7; padding: 30px 40px 30px 20px; height:auto;} .locationWrap ul{height:1432px; background:#444; padding:40px 30px;} #contact_map h4{font-size: 21px; font-family: 'notokr-regular'; letter-spacing: -1px} #contact_map h5{font-size: 16px; font-family: 'notokr-regular'; letter-spacing: -1px; margin-bottom:-15px; margin-top: 30px} .locationWrap ul li{color: #ffffff;font-size: 14px;line-height: 20px; padding-top:40px; font-family: 'notokr-light';} .locationWrap ul li.location{background:url(../img/con_icon1.png) left top no-repeat;} .locationWrap ul li.subway{background:url(../img/con_icon2.png) left top no-repeat;} .locationWrap ul li.tel{background:url(../img/con_icon3.png) left top no-repeat;} @media screen and (max-width:1200px){ .locationWrap ul{height:345px; } } .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; } .video-container iframe,.video-container object,.video-container embed{position: absolute; left:10%;width:80%;height:80%;} /****************** 주요서비스 ******************/ .conWrap .two .text,#con1 .conWrap .three .text{margin-top:20px; color:#687a95; padding:0 40px; line-height:18px; display:block;} */ #con1{width:100%; text-align:center; padding:90px 0; } #con1 h3{padding:45px 0 25px 0} #con1 .split{display:inline-block; width:40px; height:1px; background:#043465; margin-top:30px;} #con1 .conWrap{width:1140px; margin:60px auto 150px; } #con1 .conWrap:after{display:block; content:""; clear:both;} #con1 .conWrap ul li{float:left; width:1140px;height:274px;} #con1 .conWrap ul li {display:block; width:100%; height:100%; overflow:hidden;} #con1 .conWrap .title{font-family: 'notokr-medium';} #con1 .conWrap .text{font-family: 'notokr-light';} #con1 .conWrap .one {background:url(/theme/apro/img/img_mangtL1.jpg) no-repeat top center; height:274px;} #con1 .conWrap .two {background:url(/theme/apro/img/img_mangtL2.jpg) no-repeat top center;height:274px;} #con1 .conWrap .three {background:url(/theme/apro/img/img_mangtL3.jpg) no-repeat top center;height:274px;} #con1 .conWrap .four {background:url(/theme/apro/img/img_mangtL4.jpg) no-repeat top center;height:274px;} #con1 .conWrap .one .title{font-size:21px; margin-top:67px; margin-left: 710px; color:#2b2b2b; display:block;text-align: left; } #con1 .conWrap .two .title{font-size:21px; margin-top:67px; margin-left: 75px; color:#2b2b2b; display:block;text-align: left; } #con1 .conWrap .three .title{font-size:21px; margin-top:67px; margin-left: 620px; color:#2b2b2b; display:block;text-align: left; } #con1 .conWrap .four .title{font-size:21px; margin-top:67px; margin-left: 30px; color:#2b2b2b; display:block;text-align: left; } #con1 .conWrap .one .text{margin-top:30px;margin-left: 630px; color:#828282; font-size: 18px; line-height:28px; display:block; text-align: left; } #con1 .conWrap .two .text{margin-top:30px;margin-left: -10px; color:#828282; font-size: 18px; line-height:28px; display:block; text-align: left; } #con1 .conWrap .three .text{margin-top:30px;margin-left: 590px; color:#828282; font-size: 18px; line-height:28px; display:block; text-align: left; } #con1 .conWrap .four .text{margin-top:90px;margin-left: 40px; color:#828282; font-size: 18px; line-height:28px; display:block; text-align: left; } @media screen and (max-width:1200px){ #con1{padding:35px 0;} #con1 h3{padding:20px 0; font-size: 21px; line-height: 26px} #con1 .conWrap{width:900px; margin:0px auto -60px;} #con1 .conWrap ul li{float:left; width:960px;height:216px;} #con1 .conWrap .one {background:url(/theme/apro/img/img_mangt1_960.jpg) no-repeat top center; height:216px;width:960px;} #con1 .conWrap .two {background:url(/theme/apro/img/img_mangt2_960.jpg) no-repeat top center;height:216px;width:960px;} #con1 .conWrap .three {background:url(/theme/apro/img/img_mangt3_960.jpg) no-repeat top center;height:216px;width:960px;} #con1 .conWrap .four {background:url(/theme/apro/img/img_mangt4_960.jpg) no-repeat top center;height:216px;width:960px;} #con1 .conWrap .one .title{margin-top:45px; font-size:16px; margin-left: 610px; } #con1 .conWrap .two .title{margin-top:45px; font-size:16px;margin-left: 80px;} #con1 .conWrap .three .title{margin-top:45px; font-size:16px;margin-left: 550px;} #con1 .conWrap .four .title{margin-top:45px; font-size:16px;margin-left: 30px;} #con1 .conWrap .one .text{margin-top:35px;margin-left: 520px; color:#828282; font-size: 14px; line-height:24px; display:block; text-align: left; } #con1 .conWrap .two .text{margin-top:35px;margin-left: -10px; color:#828282; font-size: 14px; line-height:24px; display:block; text-align: left; } #con1 .conWrap .three .text{margin-top:35px;margin-left: 480px; color:#828282; font-size: 14px; line-height:24px; display:block; text-align: left; } #con1 .conWrap .four .text{margin-top:65px;margin-left: 30px; color:#828282; font-size: 14px; line-height:24px; display:block; text-align: left; } } @media screen and (max-width:960px){ .del2{display: none} #con1{padding:35px 0 120px 0;} #con1:after{display: block; clear: both; content: ''} #con1 h3{padding:15px 0; font-size: 16px; line-height: 20px} #con1 .split{ width:20px; margin-top:15px;} #con1 .conWrap{width:320px;margin:25px auto 0;} #con1 .conWrap ul li{ clear:both; width:320px;height:646px; position:relative;} #con1 .conWrap .one {background:url(../img/img_mangt_mobile1.jpg) no-repeat top center; background-size:cover;width:320px;height:646px;} #con1 .conWrap .two {background:url(../img/img_mangt_mobile2.jpg) no-repeat top center; background-size:cover;width:320px;height:646px;} #con1 .conWrap .three {background:url(../img/img_mangt_mobile3.jpg) no-repeat top center; background-size:cover;width:320px;height:646px;} #con1 .conWrap .four {background:url(../img/img_mangt_mobile4.jpg) no-repeat top center; background-size:cover;width:320px;height:646px;} #con1 .conWrap .one .title{ width:280px; top:390px; margin-top:0; position:absolute; font-size:18px; text-align: center; line-height: 26px; margin-left:10px;} #con1 .conWrap .two .title{width:280px; top:390px; margin-top:0; position:absolute; font-size:18px; text-align: center; line-height: 26px; margin-left:20px;} #con1 .conWrap .three .title{width:240px; top:390px; margin-top:0; position:absolute; font-size:18px; text-align: center; line-height: 26px; margin-left:40px;} #con1 .conWrap .four .title{width:280px; top:390px; margin-top:0; position:absolute; font-size:18px; text-align: center; line-height: 26px; margin-left:20px;} #con1 .conWrap .one .text{margin-top:410px;width:320px; position:absolute;right:0; top:50px; font-size:15px;text-align: left; line-height: 24px; padding:5%; box-sizing: border-box} #con1 .conWrap .two .text{margin-top:410px;width:320px; position:absolute;right:0; top:50px; font-size:15px;text-align: left; line-height: 24px; padding:5%; box-sizing: border-box} #con1 .conWrap .three .text{margin-top:410px;width:320px; position:absolute;right:0; top:50px; font-size:15px;text-align: left; line-height: 24px; padding:5%; box-sizing: border-box} #con1 .conWrap .four .text{margin-top:360px;width:320px; position:absolute;right:0; top:50px; font-size:15px;text-align: left; line-height: 24px; padding:5%; box-sizing: border-box} }